body {
    --canvas-node-padding: 0 7px;
    --canvas-color-opacity: 0.07;
}

body.theme-dark {
    --canvas-color: 88, 100, 159;
}
body.theme-light {
    --canvas-color: 166, 180, 204;
}

.canvas-control-group,
.canvas-control-item {
    border-width: 2px;
    border-color: var(--outline);
}
.canvas-control-item { background-color: var(--note); }
.canvas-card-menu { border: var(--box-border); }

.canvas-node.is-themed .canvas-node-content {
    background-color: rgba(var(--canvas-color), var(--canvas-color-opacity));
}

//Embeded Canvas
.theme-dark .canvas-minimap {
    & rect.is-themed,
    & rect 
    { fill-opacity: var(--canvas-color-opacity); }
    
    & path,
    & path.is-themed 
    { stroke: rgba(var(--canvas-color), calc(var(--canvas-color-opacity) + .5)); }
} 

.canvas-node-placeholder { line-height: var(--line-height-tight); }
.canvas-node-connection-point::after { border-color: rgb(var(--canvas-color)); }
.canvas-path-label { background-color: var(--canvas-background); }


//Canvas Embed Sizing
// .canvas .canvas-node-content .markdown-embed-content 
// { --embed-padding: 0; height: auto; }
// .canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view {
//     padding: var(--canvas-node-padding)
// }
